require('../../less/controls/tips.less');
var React = require('react');

module.exports = React.createClass({
	displayName:'Tips',
	getInitialState:function(){
		return {

		}
	},
	componentDidMount:function(){

	},
	render:function(){
		var _style = this.props.style||{};
		_style.width = this.props.width;
		return (
			<div className={"c-tips " + (this.props.status||'default')} style={_style}>
			
				{
					this.props.icon && <i className={"btn-icon fa " + this.props.icon}></i>
				}
				{
					this.props.text && <span className="btn-text">{this.props.text}</span>
				}
			</div>
		);
	}
});
